﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Vuejs简单示例</title>
    <!--引入开发版本vue.js，在开发版本中会有很多友好的提示-->
    <script src="js/vue.min.js"></script>

</head>
<body>
    <!--定义一个id为demo的div-->
    <div id="demo">
        <!--此处的msg为在vuejs中定义的变量，放在两个花括号中-->
        <h1>Hello {{msg}}</h1>
    </div>
    <script>
            
            new Vue({
            //el指定的id为css选择器
                el:'#demo',
            //我们的变量统统放到data中
                data:{
            //此处声明的变量msg内容为实验
                    msg:'实验'
                }
            })
    </script>
</body>
</html>
